 *{
         box-sizing: border-box;
     }
        body{
            width: 100%;
            position: relative;
        }
     ul li{
         list-style: none;
     }
     a{
         text-decoration: none;
     }
     nav{
         margin: 0;
         padding: 0;
         background-color: #333333;
         width: 100%;
         height: 40px;
         margin-top: 120px;
     }
     .container{
         width: 1226px;
         height: 40px;
         display: flex;
         justify-content: space-between;
         margin: 0 auto;
     }
     .nav-left{
         padding: 0;
         margin: 0;
         width: 585px;
         height: 40px;
         display: flex;
         justify-content: space-between;
         line-height: 40px;
     }
      .nav-left li{
         color: #3B403D;
     } 
     .nav-left a{
         color: #B0B0B0;
         font-size: 12px;
     }
     .nav-left a:hover{
         color: white;
     }
     .nav-right{
         margin: 0;
         width: 300px;
         height: 40px;
         display: flex;
         justify-content: space-between;
         line-height: 40px;
     }
     .nav-right li{
         color: #3B403D;
     }
     .nav-right a{
         font-size: 12px;
         color: #B0B0B0;
     }
     .nav-last{
         width: 100px;
         height: 40px;
         background-color: #424242;
         position: relative;
         text-align: center;
         cursor: pointer;
     }
     .nav-right a:hover{
         color: white;
     }
      .nav-bottom{
         display: inline-block;
         position: absolute;
         width: 305px;
         height: 100px;
         border: 1px solid #E3E9EF;
         background-color: white;
         top: 40px;
         right: 0;
         font-size: 12px;
         line-height: 100px;
         display: none;
         z-index: 99;
     } 
     .nav-last:hover:hover{
            background-color: white;
        }
     .nav-last:hover a{
          color: orange;
     }
     .nav-last:hover .nav-bottom{
         display: block;
     }
     .nav-white{
        position: absolute;
        display: inline-block;
        width: 100px;
        height: 1px;
        background-color: white;
        bottom: -1px;
        left: 0;
        z-index: 100;
     }


    main{
        width: 1226px;
        height: 100px;
        /* border: 1px solid red; */
        margin: 0 auto;
        display: flex;
        justify-content: space-between;
    }
    .main-img{
        width: 60px;
        height: 60px;
        /* background-image: url('./img/mi.png'); */
        background-size: 100% 100%; 
        margin: auto 0;
        cursor: pointer;
    }
     .main-word{
        width: 560px;
        height: 55px;
        margin: auto;
    } 
    .main-word ul{
        width: 550px;
        height: 90px;
        line-height: 90px;
        display: flex;
        justify-content: space-between;
        margin: 0;
        padding: 0; 
        position: relative;   
        margin: -10px 0;  
    }

    .main-word ul a{
        font-size: 15px;
        color: black;
    }
    .main-word ul a:hover{
        color: orange;
    }
    .main-put{
        position: relative;
    }
    .main-left{
         position: absolute;
         width: 68px;
         left: 76px;
         top: 40px;
         font-size: 12px;
        background-color:#EEEEEE;
    }
        .main-left a{
            color: #8493B3;
        }
        .main-left:hover{
            background-color: #ff6700;
        }
        .main-left a:hover{
            color: white;
        }
      .main-right{
          width: 90px;
        background-color: #EEEEEE;
         position: absolute;
         right: 51px;
         top: 40px;
         font-size: 12px;
         color: #8493B3;
    }  
        .main-right a{
            color: #8493B3;
        }
        .main-right a:hover{
            color: white;
        }
        .main-right:hover{
            background-color: #ff6700;
        }
         .main-down{
             position: absolute;
             top: 74px;
             left: 0;
             width: 241px;
             /* height: 280px; */
             border: 1px solid #E0E0E0;
             display: none;
             background-color: white;
             cursor: pointer;
             z-index: 100;
        } 
         .main-down ul li{
             width: 220px;
             height: 30px;
             margin: 7px -30px;
             color: #B0B0B0;
             font-size: 14px; 
             position: relative;
             line-height: 30px;
             padding: 0;
         }
        .main-down ul li:hover{
            background-color: #eeeeee;
        }
         .main-down ul li a{
             color: black;
         }
         .main-down li span{
             position: absolute;
             display: inline-block;
             width: 60px;
             height: 20px;
             right: 32px;
         }
    input{
        width: 240px;
        height: 50px;
        /* margin-top: -3px; */
        position: relative;
         margin-top: 18px; 
        top: 6px;
        border: 1px solid #E2E3EA;
        border-right: none; 
        font-size: 12px;
    }
    button{
        width: 50px;
        height: 50px; 
        background-color: white;
        border: 1px solid #E2E3EA;
        position: relative;
        top: 6px;
        cursor: pointer;
        color: #616161;
    } 
    button:hover{
        background-color: #ff6700;
        color: white;
    }

    .main-phone{
        position: absolute;
        top: 140px;
        width: 100%;
        height: 200px;
        border: 1px solid #E0E0E0;
        display: none;
        background-color: white;
        z-index: 110;
    }
    .main-one{
        width: 1226px;
        height: 200px;
        /* border: 1px solid #E0E0E0; */
        margin: 0 auto;
        display: none;
    }
    .main-top{
      display: inline-block;
      margin-left: 20px;
      width: 200px;
      height: 200px;
      position: relative;
    }
    .main-top-img{
        width: 160px;
        height: 160px;
    }
    .main-top-img img{
        margin-left: 20px;
        margin-top: 30px;
        width: 160px;
        height: 100px;
        cursor: pointer;
        border: 1px solid #E0E0E0;
        border-bottom: none;
        border-left: none;
        border-top: none;
    }
    .main-yuan{
        width: 200px;
        text-align: center;
        color: red;
        margin: 25px 0;
    }
    .main-mi {
        width: 80px;
        margin: -20px 80px;
    }
    .main-mi a{
        color: black;
    }
    .main-now{
        position: absolute;
        width: 60px;
        height: 20px;
        border: 1px solid orange;
        text-align: center;
        line-height: 20px;
        color: orange;
        top: 0;
        left: 70px;
    }
     /* 轮播图  */
    .box{
        margin: -16px 0;
        width: 1226px;
        height: 460px; 
        /* margin: 100px auto; */
        position: relative;
    }
    .img-list li{
        position: absolute;
        top: 0;
        left: 0;
        display: none;
    }
    .img-list li.current{
        display: block;
    }
    .indicator{
        width: 100%;
        position: absolute;
        left: 0;
        bottom: 20px;
        display: flex;
        justify-content: center;
        margin-left: 500px;
    }
    .indicator li{
        width: 10px;
        height: 10px;
        background-color: #8E8881;
        text-align: center;
        line-height: 20px;
        margin: 0 5px;
        border-radius: 50%;
        cursor: pointer;
        right: 0;
    }
    .indicator li.active{
        background-color: white;
    }
    .img-click span{
        display: inline-block;
        width: 40px;
        height: 63px;
        line-height: 50px;
        text-align: center;
        color: white;
        background-color: rgba(0, 0, 0, 0.1);
        position: absolute;
        top: calc(50% - 30px);
        display: none;
    }
    .img-click span:hover{
        background-color: #333333;
        cursor: pointer;
    }
    .img-click .prev{
        background-image: url('img/icon-slides.png');
        background-position: 0 68px;
        left: 240px;
    }
    .img-click .next{
        background-image: url('img/icon-slides.png');
        background-position: 123px 68px;
        right: 0;
    }

    /* 图形显现 */
    section{
        width: 1226px;
        /* height: 1200px; */
        margin: 0 auto;
         /* border: 1px solid black;  */
        padding: 0;
        position: relative;
    }
    .section-left{
        /* margin: -16px 0; */
        width: 240px;
        height: 460px;
        background-color: #5E4C41;
         position: absolute; 
        z-index: 10;
    } 
    .section-left ul{
        width: 240px;
        height: 440px;
    }
    .section-left li {
       width: 240px;
       height: 43px;
       margin-left: -40px;  
       font-size: 13px;
       cursor: pointer;
       color: white;
       line-height: 43px;
       position: relative;
    }
    .section-left li a{
        margin-left: 25px;
        color: white;
    }
    .section-left li span{
       position: absolute;
       top: 12px;
       right: 20px;
       font-size: 18px;
    }
     .section-left>ul>li:hover{
        background-color: #ff6700; 
    } 


      .phone-card{
          position: absolute;
          width: 700px;
          height: 460px;
          background-color: white;
          left: 240px;
          top: -16px;
          border: 1px solid #E2E3EA;
          cursor: pointer;
          display: none;
      }
      .left-one:hover .phone-card{
          display: block;
      }
      .phone-card ul{
          width: 700px;
          height: 50px;
          display: flex;
          justify-content: space-around;
          margin: 30px 0;
      }
      .phone-card ul li{
          width: 180px;
          height: 50px;
      }
      .card-one{
          margin-top: 5px;
          /* border: 1px solid black; */
          display: flex;
          justify-content: space-between;
      }
       .card-img{
            margin-top: 5px; 
       }
       
       .card-one-word{
           width: 60px;
           height: 25px;
           font-size: 13px;
           border: 1px solid orange;
           color: black;
           text-align: center;
           line-height: 25px;
           margin: auto 0;
       }
       .card-one-word:hover{
           color: white;
           background-color: orange;
       }
        
        .text-book{
          position: absolute;
          width: 450px;
          height: 460px;
          background-color: white;
          left: 240px;
          top: -59px;
          border: 1px solid #E2E3EA;
          cursor: pointer;
          display: none;
      }
      .left-two:hover .text-book{
          display: block;
      }
      .text-book ul{
          width: 450px;
          height: 50px;
          display: flex;
          justify-content: space-around;
          margin: 30px 0;
      }
      .text-book ul li{
          width: 180px;
          height: 50px;
      }
      .card-one{
          margin-top: 5px;
          /* border: 1px solid black; */
          display: flex;
          justify-content: space-between;
      }
       .card-img{
            margin-top: 5px; 
       }
       
       .card-one-word{
           width: 60px;
           height: 25px;
           font-size: 13px;
           border: 1px solid orange;
           color: black;
           text-align: center;
           line-height: 25px;
           margin: auto 0;
       }
       .card-one-word:hover{
           color: white;
           background-color: orange;
       }

       .television{
          position: absolute;
          width: 986px;
          height: 460px;
          background-color: white;
          left: 240px;
          top: -102px;
          border: 1px solid #E2E3EA;
          cursor: pointer;
          display: none;
      }
      .left-three:hover .television{
          display: block;
      }
      .television ul{
          width: 986px;
          height: 50px;
          display: flex;
          justify-content: space-around;
          margin: 30px 0;
      }
      .television ul li{
          width: 180px;
          height: 50px;
      }
      .card-one{
          margin-top: 5px;
          /* border: 1px solid black; */
          display: flex;
          justify-content: space-between;
      }
       .card-img{
            margin-top: 5px; 
       }
       
       .card-one-word{
           width: 60px;
           height: 25px;
           font-size: 13px;
           border: 1px solid orange;
           color: black;
           text-align: center;
           line-height: 25px;
           margin: auto 0;
       }
       .card-one-word:hover{
           color: white;
           background-color: orange;
       }

       .router{
          position: absolute;
          width: 986px;
          height: 460px;
          background-color: white;
          left: 240px;
          top: -145px;
          border: 1px solid #E2E3EA;
          cursor: pointer;
          display: none;
      }
      .left-four:hover .router{
          display: block;
      }
      .router ul{
          width: 986px;
          height: 50px;
          display: flex;
          justify-content: space-around;
          margin: 30px 0;
      }
      .router ul li{
          width: 180px;
          height: 50px;
      }
         .card-one{
          margin-top: 5px;
          /* border: 1px solid black; */
          display: flex;
          justify-content: space-between;
      }
       .card-img{
            margin-top: 5px; 
       }
       
       .card-one-word{
           width: 60px;
           height: 25px;
           font-size: 13px;
           border: 1px solid orange;
           color: black;
           text-align: center;
           line-height: 25px;
           margin: auto 0;
       }
       .card-one-word:hover{
           color: white;
           background-color: orange;
       }

       .source{
          position: absolute;
          width: 450px;
          height: 460px;
          background-color: white;
          left: 240px;
          top: -188px;
          border: 1px solid #E2E3EA;
          cursor: pointer;
          display: none;
      }
      .left-five:hover .source{
          display: block;
      }
      .source ul{
          width: 450px;
          height: 50px;
          display: flex;
          justify-content: space-around;
          margin: 30px 0;
      }
      .source ul li{
          width: 180px;
          height: 50px;
      }
      .card-one{
          margin-top: 5px;
          /* border: 1px solid black; */
          display: flex;
          justify-content: space-between;
      }
       .card-img{
            margin-top: 5px; 
       }
       
       .card-one-word{
           width: 60px;
           height: 25px;
           font-size: 13px;
           border: 1px solid orange;
           color: black;
           text-align: center;
           line-height: 25px;
           margin: auto 0;
       }
       .card-one-word:hover{
           color: white;
           background-color: orange;
       }

       .headset{
          position: absolute;
          width: 986px;
          height: 460px;
          background-color: white;
          left: 240px;
          top: -231px;
          border: 1px solid #E2E3EA;
          cursor: pointer;
          display: none;
      }
      .left-six:hover .headset{
          display: block;
      }
      .headset ul{
          width: 986px;
          height: 50px;
          display: flex;
          justify-content: space-around;
          margin: 30px 0;
      }
      .headset ul li{
          width: 180px;
          height: 50px;
      }
      .card-one{
          margin-top: 5px;
          /* border: 1px solid black; */
          display: flex;
          justify-content: space-between;
      }
       .card-img{
            margin-top: 5px; 
       }
       
       .card-one-word{
           width: 60px;
           height: 25px;
           font-size: 13px;
           border: 1px solid orange;
           color: black;
           text-align: center;
           line-height: 25px;
           margin: auto 0;
       }
       .card-one-word:hover{
           color: white;
           background-color: orange;
       }

       .protect{
          position: absolute;
          width: 230px;
          height: 460px;
          background-color: white;
          left: 240px;
          top: -274px;
          border: 1px solid #E2E3EA;
          cursor: pointer;
          display: none;
      }
      .left-seven:hover .protect{
          display: block;
      }
      .protect ul{
          width: 230px;
          height: 50px;
          margin: 30px 0;
      }
      .protect ul li{
          width: 180px;
          height: 50px;
      }
      .card-one{
          margin-top: 5px;
          /* border: 1px solid black; */
          display: flex;
          justify-content: space-around;
      }
       .card-img{
            margin-top: 5px; 
       }
       
       .card-one-word{
           width: 60px;
           height: 25px;
           font-size: 13px;
           border: 1px solid orange;
           color: black;
           text-align: center;
           line-height: 25px;
           margin: auto 0;
       }
       .card-one-word:hover{
           color: white;
           background-color: orange;
       }

       .wire{
          position: absolute;
          width: 230px;
          height: 460px;
          background-color: white;
          left: 240px;
          top: -317px;
          border: 1px solid #E2E3EA;
          cursor: pointer;
          display: none;
      }
      .left-eight:hover .wire{
          display: block;
      }
      .wire ul{
          width: 230px;
          height: 50px;
          margin: 30px 0;
      }
      .wire ul li{
          width: 180px;
          height: 50px;
      }
      .card-one{
          margin-top: 5px;
          /* border: 1px solid black; */
          display: flex;
          justify-content: space-around;
      }
       .card-img{
            margin-top: 5px; 
       }
       
       .card-one-word{
           width: 60px;
           height: 25px;
           font-size: 13px;
           border: 1px solid orange;
           color: black;
           text-align: center;
           line-height: 25px;
           margin: auto 0;
       }
       .card-one-word:hover{
           color: white;
           background-color: orange;
       }

       .shoes{
          position: absolute;
          width: 230px;
          height: 460px;
          background-color: white;
          left: 240px;
          top: -360px;
          border: 1px solid #E2E3EA;
          cursor: pointer;
          display: none;
      }
      .left-nine:hover .shoes{
          display: block;
      }
      .shoes ul{
          width: 230px;
          height: 50px;
          margin: 30px 0;
      }
      .shoes ul li{
          width: 180px;
          height: 50px;
      }
      .card-one{
          margin-top: 5px;
          /* border: 1px solid black; */
          display: flex;
          justify-content: space-around;
      }
       .card-img{
            margin-top: 5px; 
       }
       
       .card-one-word{
           width: 60px;
           height: 25px;
           font-size: 13px;
           border: 1px solid orange;
           color: black;
           text-align: center;
           line-height: 25px;
           margin: auto 0;
       }
       .card-one-word:hover{
           color: white;
           background-color: orange;
       }

       .rabbit{
          position: absolute;
          width: 230px;
          height: 460px;
          background-color: white;
          left: 240px;
          top: -403px;
          border: 1px solid #E2E3EA;
          cursor: pointer;
          display: none;
      }
      .left-ten:hover .rabbit{
          display: block;
      }
        .rabbit ul{
          width: 230px;
          height: 50px;
          margin: 30px 0;
      }
      .rabbit ul li{
          width: 180px;
          height: 50px;
      }
      .card-one{
          margin-top: 5px;
          /* border: 1px solid black; */
          display: flex;
          justify-content: space-around;
      }
       .card-img{
            margin-top: 5px; 
       }
       
       .card-one-word{
           width: 60px;
           height: 25px;
           font-size: 13px;
           border: 1px solid orange;
           color: black;
           text-align: center;
           line-height: 25px;
           margin: auto 0;
       }
       .card-one-word:hover{
           color: white;
           background-color: orange;
       }
       .img-click .prev{
           font-size: 30px;
           line-height: 60px;
       }
       .img-click .next{
           font-size: 30px;
           line-height: 60px;
       }
       .div-center{
           width: 1226px;  
           height: 171px;
           margin: 40px auto;
           /* border: 1px solid black; */
           display: flex;
           justify-content: space-between;
       }
       .div-center-img{
           margin: 0 5px;
            width: 316px;
           height: 170px;
       }
       .div-center-img img{
            width: 316px;
            height: 170px;
       }
       .div-center-word{
           width: 234px;
           height: 170px;
            background-color: #5F5750; 
           border: 1px solid black;
       }
       .div-center-word ul{          
           margin-left: -38px;
           width: 270px;
           height: 60px;
           display: flex;
           justify-content: space-between;
       }
       .div-center-word ul li{
          width: 75px;
           height: 60px; 
          color: #CFCDCB;
          font-size: 16px;
          text-align: center;
          border: 1px solid #666;
          margin: 0;
          padding: 0;
          border-top: none;
          border-left: none;
       }
        .div-center-word ul li div:hover{
            color: #eeeeee;
        }
        .div-center-word ul li .fa{
            font-size: 30px;
        }
        .div-center-word ul li .phone{
            font-size: 10px;
        }
        /*小米明星单品样式  */
        .start{
            width: 1220px;
            height: 60px;
            /* background-color: red; */
            margin: 0 auto;
            display: flex;
            justify-content: space-between; 
            margin-top: -40px;
        }
        .start-left{
            line-height: 60px;
            font-size: 20px;
        }
        .start-right{
            line-height: 60px; 
        }
        .start-right ul{
            display: flex;
        }
        .start-right ul li{
            width: 40px;
            height: 30px;
            border: 1px solid #999;
            line-height: 30px;
            text-align: center;
            font-size: 20px;
        }
        .start-right ul li a:hover{
            color: #ff6700;
        }
        .picture{
             width: 1226px; 
            height: 350px;
            overflow: hidden;
        }
        .picture ul{
            width: 1226px;
            height: 350px;
            display: flex;
            margin: 0;
            justify-content: space-between;
            /* background-color: orchid; */
        }
        .picture .picture-one{
            width: 1226px;
            height: 350px;
            
            /* background-color: pink; */
        }
        .picture .picture-one li{
            margin-left: -40px;
            width: 235px;
            height: 350px;
            border: 1px solid #eee;
        }
        .picture .picture-one li a img{
            position: absolute;
            margin-left: 50px;
            margin-top: 35px;
        }
        .picture .picture-one li a .wenzi{
            /* border: 1px solid black; */
            text-align: center;
            margin-top: 200px;
            font-size: 15px;
        }
        .picture .picture-one li a .wenzi p:nth-child(3){
            color: #ff6700;
        }
        
        .picture .picture-one .li-one{
            border-top: 1px solid #ff6700;
        }
        .picture .picture-one .li-two{
            border-top: 1px solid lightgreen;
        }
        .picture .picture-one .li-three{
            border-top: 1px solid lightblue;
        }
        .picture .picture-one .li-four{
            border-top: 1px solid red;
        }
        .picture .picture-one .li-five{
            border-top: 1px solid lightseagreen;
        }
        .li-one-list .li-one{
            width: 235px;
            height: 350px;
            border: 1px solid #eee;
        }
        /*家电  */
        .jiaju{
            width: 100%;
            background-color: #eee;
            margin: 0;
        }
        .home-one{
            width: 1226px;
            height: 700px;
            margin: 0 auto;
        }
         .home-two{
            width: 1226px;
            height: 700px;
            margin: 0 auto;
        }
         .home-three{
            width: 1226px;
            height: 700px;
            margin: 0 auto;
        }
        .home-top{
            width: 1226px;
            height: 60px;
             /* border: 1px solid black;  */
            /* margin-top: 50px; */
            display: flex;
            justify-content: space-between;
        }
        .top-left p{
            font-size: 20px;
            line-height: 20px;
        }
        .top-right{
            width: 300px;
            height: 60px;
            /* border: 1px solid black; */
        }
        .top-right ul{
            display: flex;
            text-align: center;
        }
        .top-right ul li{
            margin-left: 20px;
        }
        .top-right ul li.change{
            color: red;
            border-bottom: 2px solid #ff6700;
        }
        .top-right ul li a{
          color: inherit;
        }
         .top-right-two{
            width: 400px;
            height: 60px;
            /* border: 1px solid black; */
        }
        .top-right-two ul{
            display: flex;
            margin-left: 150px;
        }
        .top-right-two ul li{
            margin-left: 20px;
        }
        .top-right-two ul li.change{
            color: red;
            border-bottom: 2px solid #ff6700;
        }
        .top-right-two ul li a{
          color: inherit;
        }
         .top-right-three{
            width: 400px;
            height: 60px;
            /* border: 1px solid black; */
            position: relative;
           
        }
        .top-right-three ul{
            display: flex;
             margin-left: 70px;
        }
        .top-right-three ul li{
            margin-left: 20px;
        }
        .top-right-three ul li.change{
            color: red;
            border-bottom: 2px solid #ff6700;
        }
        .top-right-three ul li a{
          color: inherit;
        }
        .home-botton{
            width: 1300px;
            height: 640px;
            /* border: 1px solid pink; */
            display: flex;
        }
        .home-botton .botton-left{
            width: 240px;
            height: 640px;
        }
        .home-botton .botton-left:hover{
            margin-top: -2px;
            box-shadow: 10px 10px 15px #999;
        }
        .botton-right{
            width: 1100px;
            height: 640px;
            margin-left: -35px;
            /* display: none;   */
        }
        .botton-right ul{
            width: 1100px;
            height: 640px;
            margin-top: -1px;
        }
        .botton-right ul li{
            width: 240px;
            height: 300px;
            border: 1px solid #999;
            margin-left: 10px;
            margin-top: 5px;
            background-color: white; 
            float: left;
            position: relative;
        }
        .botton-right ul li:hover{
            box-shadow: 5px 5px 10px #999;
        }
        .botton-right ul li span{
            width: 240px;
            height: 150px;
            /* border: 1px solid red; */
            float: left;
             margin-top: -20px; 
            margin-left: -35px;
        }
        .botton-right ul li .home-p{
            width: 65px;
            height: 20px;
            background-color: red;
            text-align: center;
            color: white;
            margin: 0 auto;
        }
        .botton-right ul li img{
            margin-left: 40px;
            margin-top: 30px;
        }
        .botton-right ul li p{
            font-size: 13px;
            text-align: center;
        } 
        .botton-right ul li .tv{
            margin-top: 40px;
        }
        .botton-right ul li .home-z{
            color: #ff6700;
            font-size: 16px;
        }
        .botton-right ul li .shadow{
            width: 240px;
            height: 80px;
            background-color: #ff6700;
            bottom: 0;
            /* margin-top: -75px; */
            position: absolute;
            color: white;
            display: none;
        }
        .botton-right ul li .shadow .shadow-p{
            color: #ffa970;
        }
        .botton-right-two{
            width: 1100px;
            height: 640px;
            margin-left: -35px;
            display: none;   
        }
        .botton-right-two ul{
            width: 1100px;
            height: 640px;
            margin-top: -1px;
        }
        .botton-right-two ul li{
            width: 240px;
            height: 300px;
            border: 1px solid #999;
            margin-left: 10px;
            margin-top: 5px;
            background-color: white; 
            float: left;
            position: relative;
        }
        .botton-right-two ul li:hover{
            box-shadow: 5px 5px 10px #999;
        }
        .botton-right-two ul li span{
            width: 240px;
            height: 150px;
            /* border: 1px solid red; */
            float: left;
             margin-top: -20px; 
            margin-left: -35px;
        }
        .botton-right-two ul li .home-p{
            width: 65px;
            height: 20px;
            background-color: red;
            text-align: center;
            color: white;
            margin: 0 auto;
        }
        .botton-right-two ul li img{
            margin-left: 40px;
            margin-top: 30px;
        }
        .botton-right-two ul li p{
            font-size: 13px;
            text-align: center;
        } 
        .botton-right-two ul li .tv{
            margin-top: 40px;
        }
        .botton-right-two ul li .home-z{
            color: #ff6700;
            font-size: 16px;
        }
        .botton-right-two ul li .shadow{
            width: 240px;
            height: 80px;
            background-color: #ff6700;
            bottom: 0;
            /* margin-top: -75px; */
            position: absolute;
            color: white;
            display: none;
        }
        .botton-right-two ul li .shadow .shadow-p{
            color: #ffa970;
        }
        .botton-right-three{
            width: 1100px;
            height: 640px;
            margin-left: -35px;
            display: none;   
        }
        .botton-right-three ul{
            width: 1100px;
            height: 640px;
            margin-top: -1px;
        }
        .botton-right-three ul li{
            width: 240px;
            height: 300px;
            border: 1px solid #999;
            margin-left: 10px;
            margin-top: 5px;
            background-color: white; 
            float: left;
            position: relative;
        }
        .botton-right-three ul li:hover{
            box-shadow: 5px 5px 10px #999;
        }
        .botton-right-three ul li span{
            width: 240px;
            height: 150px;
            /* border: 1px solid red; */
            float: left;
             margin-top: -20px; 
            margin-left: -35px;
        }
        .botton-right-three ul li .home-p{
            width: 65px;
            height: 20px;
            background-color: red;
            text-align: center;
            color: white;
            margin: 0 auto;
        }
        .botton-right-three ul li img{
            margin-left: 40px;
            margin-top: 30px;
        }
        .botton-right-three ul li p{
            font-size: 13px;
            text-align: center;
        } 
        .botton-right-three ul li .tv{
            margin-top: 40px;
        }
        .botton-right-three ul li .home-z{
            color: #ff6700;
            font-size: 16px;
        }
        .botton-right-three ul li .shadow{
            width: 240px;
            height: 80px;
            background-color: #ff6700;
            bottom: 0;
            /* margin-top: -75px; */
            position: absolute;
            color: white;
            display: none;
        }
        .botton-right-three ul li .shadow .shadow-p{
            color: #ffa970;
        }
        .foryou{
            width: 1300px;
            height: 400px;
            margin: 0 auto;
            /* border: 1px solid pink; */
        }
        .foryou-top{
            width: 100%;
            height: 60px;
            /* background-color: pink; */
            display: flex;
            justify-content: space-between;
        }
        .foryou-top .top-left p{
            margin: 0;
            font-size: 20px;
            line-height: 60px;
            margin-left: 20px;
        }
        .foryou-top .top-right{ 
            line-height: 60px;
        }
        .foryou-top .top-right ul{
            margin-left: 200px;
            line-height: 60px;
        }
        .foryou-top .top-right ul li{
            width: 60px;
            height: 30px;
            border: 1px solid #999;
            line-height: 30px;
            text-align: center;
            font-size: 20px;
            margin: 0;
        }
        .foryou-top .top-right ul li a:hover{
            color: #ff6700;
        }
        .foryou-bottom-one{
            width: 100%;
            height: 340px;
            /* background-color: red; */
            display: flex;
            /* overflow: hidden;  */
        }
        .foryou-bottom-one .ul-one{
            width: 100%;
            height: 340px;
              /* background-color: blue;   */
            margin: 0 auto;
            display: flex;
            padding: 0;
            overflow: hidden;
        }
        .foryou-bottom-one .ul-one li{
            width: 240px;
            height: 300px;
            /* border: 1px solid orange; */
            margin-left: 20px;
            
        }
        .foryou-bottom-one .ul-one li:hover{
            margin-top: -2px;
            box-shadow: 5px 5px 10px #999;
        }
        .foryou-bottom-one .ul-one li img{
            margin: 50px;
        }
        .foryou-bottom-one .ul-one li p{
            margin-top: -10px;
            text-align: center;
            font-size: 15px;
        }
        .foryou-bottom-one .ul-one li .pp-one{
            color: black;
            margin-top: -20px;
        }
        .foryou-bottom-one .ul-one li .pp-two{
            color: #ff6700;
        }
        .foryou-bottom-one .ul-one li .pp-three{
            margin-top: 10px;
            color: #8E8881;
        }
         .foryou-bottom-one{
            width: 100%;
            height: 340px;
            /* background-color: lightblue; */
        }
        .foryou-bottom-one .ul-two{
            width: 100%;
            height: 340px;
            /* background-color: blue; */
            margin: 0 auto;
            display: flex;
            padding: 0;
        }
        .foryou-bottom-one .ul-two li{
            width: 240px;
            height: 300px;
            
            margin-left: 20px;
        }
         .foryou-bottom-one .ul-two li:hover{
            margin-top: -2px;
            border: 1px solid orange;
        }
        .foryou-bottom-one .ul-two li img{
            margin: 50px;
        }
        .foryou-bottom-one .ul-two li p{
            margin-top: -10px;
            text-align: center;
            font-size: 15px;
        }
        .foryou-bottom-one .ul-two li .pp-one{
            color: black;
            margin-top: -20px;
        }
        .foryou-bottom-one .ul-two li .pp-two{
            color: #ff6700;
        }
        .foryou-bottom-one .ul-two li .pp-three{
            margin-top: 10px;
            color: #8E8881;
        }
        /*底部样式  */
        .bottom{
            width: 100%;
            height: 360px;
            background-color: white;
        }
        .bottom-top{
            width: 1300px;
            height: 60px;
            margin: 0 auto;
             /* border: 1px solid green;  */
        }
        .bottom-top ul{
            display: flex;
            justify-content: space-between;
        }
        .bottom-top ul li{
           width: 220px;
           height: 30px;
           border-right: 2px solid #999;
        }
        .bottom-top ul li:nth-last-child(1){
            border: none;
        }
        .bottom-top ul li a{
            font-size: 20px;
            color: #999;
            line-height: 30px;
        }
        .bottom-top ul li a:hover{
            color: #ff6700;
        }
        .bottom-bottom{
            width: 1300px;
            height: 300px;
            margin: 0 auto;
            display: flex;
            justify-content: space-between;
            /* border: 1px solid green; */
        }
        .bottom-bottom .bottom-left{
            width: 970px;
            height: 300px;
            /* border: 1px solid red; */
            display: flex;
            justify-content: space-between;
        }
        .bottom-bottom .bottom-right{
            width: 270px;
            height: 300px;
             /* border: 1px solid blue; */
        }
        .bottom-bottom .bottom-left ul{
            width: 150px;
            height: 300px;
            /* border: 1px solid pink; */
            margin: 0;
            margin-top: 40px;
        }
        .bottom-bottom .bottom-left ul div{
            margin-top: 30px;
        }
        .bottom-bottom .bottom-left ul li{
            margin-top: 10px;
        }
        .bottom-bottom .bottom-left ul h3{
            font-size: 20px;
        }
         .bottom-bottom .bottom-left ul li a{
             color: black;
             font-size: 15px;
         }
        .bottom-bottom .bottom-left ul li a:hover{
             color: #ff6700;
            }
        .bottom-right{
            text-align: center;
            margin-top: 60px;
        }
        .bottom-right p{
            margin: 0;
            /* margin-top: 30px; */
        }
        .bottom-right li{
            width: 160px;
            height: 30px;
            border: 1px solid #ff6700;
            list-style: none;
            margin: 30px auto;
            color: black;
            line-height: 30px;
        }
        .bottom-right li a{
            color: #ff6700;
        }
        .bottom-right li:hover{
            background-color: #ff6700;
        }
        .bottom-right li a:hover{
            color: white;
        }
        .most{
            width: 100%;
            height: 210px;
            background-color: #eee;
        }
        .most p{
            text-align: center;
            color: #888;
            font-size: 20px;
        }
        .most .most-list{
            width: 1300px;
            height: 160px;
            margin: 0 auto;
            /* border: 1px solid pink; */
            display: flex;
            justify-content: space-between;
        }
        .most .most-list .most-left{
            width: 800px;
            height: 80px;
            /* border: 1px solid black; */
            margin-top: 40px;
            display: flex;
            
        }
        .most-left img{
            width: 60px;
            height: 60px;
            margin-top: 10px;
            
        }
        .most .most-list .most-right{
            width: 400px;
            height: 80px;
            /* border: 1px solid red; */
            margin-top: 40px;
        }
        .most-left .right-right{
            margin-left: -30px;
            margin-top: 15px;
        }
        .most-left .right-right ul{
            display: flex;
            font-size: 10px;
            margin-left: -30px;
            margin: 0;
        }
        .most-left .right-right ul li a{
            color: #888;
            
        }
        .most-left .right-right ul li a:hover{
            color: #ff6700;
        }
        .most-left .right-right p{
            font-size: 15px;
            margin-left: 40px;
            color: #888;
            margin-top: -1px;
        }
        .most-right img{
            margin-left: 5px;
            margin-top: 20px;
        }